:root{
    --color-primary:#177ddc;//button
    --color-primary-active: #095cb5;//button:hover
    --color-default: #177ddc;
    --color-default-active :#095cb5;

    --color-success: rgb(0,214,251);
    --color-success-active: rgb(83,181,251);
    --color-warning: rgb(255, 128, 0);
    --color-warning-active: rgb(200, 110, 0);
    --color-danger: rgb(254,107,139);
    --color-danger-active: rgb(255,156,148);
    --color-disabled: #555;//button:disable

    --color-highlight-01: rgb(255,255,255);//.panel-title-1
    --color-highlight-01-invert: rgb(16, 16, 16);
    --color-highlight-02: rgb(255,175,71);
    --color-highlight-02-invert: rgb(16, 16, 16);
    --color-highlight-03: rgb(14,240,220);
    --color-highlight-03-invert: rgb(16, 16, 16);
    --color-highlight-04: rgb(65,112,255);
    --color-highlight-04-invert: rgb(16, 16, 16);
    --color-highlight-05: rgb(255,96,144);
    --color-highlight-05-invert: rgb(16, 16, 16);
    --color-highlight-06: rgb(0,193,252);
    --color-highlight-06-invert: rgb(16, 16, 16);

    --color-highlight-01-05: rgba(202,64,252,0.5);
    --color-highlight-02-05: rgba(255,175,71,0.5);
    --color-highlight-03-05: rgba(14,240,220,0.5);
    --color-highlight-04-05: rgba(65,112,255,0.5);
    --color-highlight-05-05: rgba(255,96,144,0.5);
    --color-highlight-06-05: rgba(0,193,252,0.5);

    --color-highlight-11: rgb(94,86,223);
    --color-highlight-12: rgb(255,175,71);
    --color-highlight-13: rgb(14,240,220);
    --color-highlight-14: rgb(65,112,255);
    --color-highlight-15: rgb(255,96,144);
    --color-highlight-16: rgb(0,193,252);

    --color-00: rgb(0,0,0);
    --color-01: #1f1f1f;//--module-body-color
    --color-02: rgb(20,20,20);//--panel-body
    --color-03: #434343;
    --color-04: rgb(155, 155, 155);
    --color-05: rgb(216, 216, 216);
    --color-06: rgb(200,200,215);
    --color-07: rgb(225,225,255);
    --color-08: rgb(255,255,255);

    --color-00-08: rgba(16,16,36,0.8);
    --color-01-08: rgba(0,0,0,0.8);
    --color-02-08: rgba(46,45,87,0.8);
    --color-03-08: rgba(87,87,161,0.8);
    --color-04-08: rgba(120,120,161,0.8);
    --color-05-08: rgba(161,161,215,0.8);
    --color-06-08: rgba(200,200,215,0.8);
    --color-07-08: rgba(225,225,255,0.8);

    --color-00-05: rgba(225,225,255,0.8);
    --color-01-05: rgba(25,25,59,0.5);
    --color-02-05: rgba(46,45,87,0.5);
    --color-03-05: rgba(87,87,161,0.5);
    --color-04-05: #1f1f1f;
    --color-05-05: rgba(161,161,215,0.5);
    --color-06-05: rgba(200,200,215,0.5);
    --color-07-05: rgba(225,225,255,0.5);

    --color-00-02: rgba(16,16,36,0.2);
    --color-01-02: rgba(25,25,59,0.2);
    --color-02-02: rgba(46,45,87,0.2);
    --color-03-02: rgba(87,87,161,0.2);
    --color-04-02: rgba(120,120,161,0.2);
    --color-05-02: rgba(161,161,215,0.2);
    --color-06-02: rgba(200,200,215,0.2);
    --color-07-02: rgba(225,225,255,0.2);

    --system-header-color: var(--color-00);
    --system-body-color: var(--color-01);

    --module-header-color: var(--color-01);
    --module-body-color: var(--color-00);
    --module-footer-color: var(--color-02);
    --module-left-color: var(--color-02);
    --module-right-color: var(--color-02);

    --scroll-track-color: var(--color-01);
    --scroll-thumb-color: linear-gradient(45deg, var(--color-highlight-11), var(--color-highlight-01));

    --font-primary-color: var(--color-highlight-01);//文字主颜色
    --font-light-color: var(--color-04);
    --font-hover-color: var(--color-primary);
    --font-input-color: var(--color-06);
    --font-label-color: var(--color-08);
    --font-readonly-color: var(--font-primary-color);
    --font-disabled-color: var(--color-00-05);

    --border-default-color: var(--color-03);//默认边框色
    --border-primary-color: var(--color-03);
    --border-hover-color: var(--color-primary);
    --border-active-color: var(--color-primary-active);

    --panel-default-color: var(--color-01);
    --panel-default-alpha-color: var(--color-01-05);
    --panel-primary-color: var(--color-02);
    --panel-alpha-color: var(--color-01-08);//首页登录框背景
    --panel-header-color: var(--color-02);
    --panel-body-color: var(--color-01);
    --panel-footer-color: var(--color-02);
    --panel-shadow-color: var(--color-00);

    --table-container-color: var(--color-01);
    --table-header-color: var(--color-02);
    --table-body-color: var(--color-01);
    --table-footer-color: var(--color-02);
    --table-border-color: var(--border-default-color);
    --table-row-hover-color: var(--color-01);

    --list-header-bg-color: var(--color-02);
    --list-body-bg-color: var(--color-01);
    --list-footer-bg-color: var(--color-02);
    --list-item-bg-color: var(--color-02);
    --list-item-active-color: var(--color-primary-active);
    --list-item-disabled-color: var(--color-04-05);
    --list-item-shadow-color: var(--color-05);
    --list-item-border-color: var(--color-01);

    --input-bg-color: var(--color-01);
    --input-active-color: rgba(255,255,255,0.08);
    --input-selected-color: var(--color-01);
    --input-border-color: var(--border-default-color);
    --input-border-focus-color: var(--color-primary-active);
    --input-border-hover-color: var(--color-primary);
    --input-addon-color: var(--color-03);
    --input-disabled-color: rgba(255,255,255,.08);

    --badge-default-color: var(--color-04);
    --badge-hover-color: var(--color-05);
    --badge-shadow-color: var(--color-00-08);

    --radio-default-color: var(--border-default-color);
    --radio-checked-back-color: var(--color-00);
    --radio-checked-front-color: var(--color-primary);
}

//改写除颜色以外的样式
.btn-primary:hover{
    box-shadow:none!important;
}
.login-body .form-wrapper{
    box-shadow:none!important;
}
//登录框，input
.form-wrapper .input-panel{
    background-color:transparent!important;
}
.login-input input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px var(--color-00) inset !important;//用户名
}
.login-input input{
    -webkit-box-shadow: 0 0 0 30px var(--color-00) inset !important;//密码
}
//顶部添加阴影
.system-content .system-header .system-header-center {
    box-shadow: 0 1px 4px rgba(0,21,41,.08);
    z-index: 99;
}
.dashboard-body{
    padding: 16px 16px!important;
}
.module-content{
    background-color: var(--system-body-color)!important;
}
//首页统计面板
.statistic-panel{
    color:var(--font-primary-color);
}
//首页介绍面板
.custom-panel2{
    background-color:var(--color-00)!important;
}


//首页栏目介绍
.module-item{
    color:var(--font-primary-color)!important;
}
.router-able {
    border: 1px solid transparent!important;
}
.router-able:hover {
    cursor: pointer;
    background-color: var(--color-primary-active)!important;
    border: 1px solid var(--border-hover-color)!important;
    color: var(--font-primary-color)!important;
}
.panel{
    box-shadow: none!important;
    border: 1px solid var(--border-default-color);
}
//消息公告
.dashboard-body .panel-body{
    background: transparent!important;
}
.dashboard-body .panel{
    background: transparent!important;
}

.panel .panel-body-circle-1{
    background:var(--module-body-color)!important;
}
.panel .panel-body-circle-5{
    background:var(--module-body-color)!important;
}
.panel .panel-body-circle-2{
    background:var(--module-body-color)!important;
}
.panel .panel-body-circle-6{
    background:var(--module-body-color)!important;
}
.panel .panel-heading{
    border-bottom: 1px solid var(--border-default-color);
}
.tab-content .panel{
    // border:none!important;
}
.notice-panel{
    padding-top: 0;
}
.custom-panel2{
    box-shadow: none!important;
}
//顶部右侧大菜单
.system-header-center-right{
    height: auto!important;//菜单贴底边
}
//顶部栏
.system-content .system-header{
    background-color: #1f1f1f!important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.76);
    z-index: 99;
}
.dashboard-foot{
    height: 32px!important;
    background-color: #1f1f1f!important;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.76);
    z-index: 99;
}

//底栏
.dashboard-foot a{
    font-size: 12px!important;
    color:var(--font-primary-color)!important;
}
.city-wrapper{
    min-height: 100px!important;
}
.switch-item{
    background: var(--color-primary);
}
.menu-icon {
    color: white;
}
.menu-item{
    border-bottom:4px solid transparent;//去除鼠标over时的抖动
}
.first-menu{
    padding: 8px 16px 16px 16px!important;
}
.sub-menu-wrapper{
    padding: 8px 0!important;
}
.second-menu .router-disable{
    color: var(--font-disabled-color)!important;
}
.menu-item-disable{
    background:#1f1f1f!important;
}
.ant-drawer-body div div{
    border-top: none!important;
    padding: 8px!important;
}
.avatar-text{
    background: var(--color-primary)!important;
    color:var(--color-08)!important;
}
//模块介绍面板
.custom-panel2{
    border: 1px solid var(--border-default-color);
    border-bottom: none;
    border-right: none;
}
.module-wrapper{
    background: transparent!important;
}
.module-wrapper{
    border: 1px solid var(--border-default-color);
    margin-left: -1px;
    margin-top: -1px;
}
.module-item{
    border: 1px solid var(--border-default-color)!important;
    margin-left: -1px;
    margin-top: -1px;
}
.module-empty{
    border: 1px solid var(--border-default-color)!important;
    margin-left: -1px;
    margin-top: -1px;
}

.tab-heading{
    background:transparent!important;
}

//主题切换按钮
.list .list-grid-item{
    border: 1px solid transparent;
}
.list .list-grid-item:hover{
    box-shadow: none!important;
    background-color: rgba(255,255,255,0.08)!important;
}
//模块快速按钮面板搜索框
.search-area{
    border-bottom:none!important;
}
//切换按钮
.ant-switch{
    background-color: var(--color-primary)!important;
}
.ant-switch-inner{
    color:var(--font-primary-color)!important;
}
.ant-switch-checked{
    background-color:#1f1f1f!important;
}
.ant-dropdown{
    padding: 4px 0;
    text-align: left;
    list-style-type: none;
    background-color: #1f1f1f !important;
    background-clip: padding-box;
    border-radius: 2px;
    outline: 0;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.48), 0 6px 16px 0 rgba(0,0,0,0.32), 0 9px 28px 8px rgba(0,0,0,0.2);
}
//主菜单
/* dropdown-menu */
.ant-dropdown-menu {
    background-color: #1f1f1f !important;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.48), 0 6px 16px 0 rgba(0,0,0,0.32), 0 9px 28px 8px rgba(0,0,0,0.2);
}

.ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover {
    background-color: rgba(255,255,255,0.08)!important;
}

.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {
    color: var(--font-input-color);
}

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
    color: var(--font-input-color);
}

.ant-dropdown-menu-item > a, .ant-dropdown-menu-submenu-title > a {
    color: var(--font-input-color);
}

.menu-list {
    max-height: 550px;
    min-width: 220px;
    overflow-y: auto;
    background: var(--panel-body-color);
}

.menu-item-icon{
    padding-right: 10px;
    font-size: 18px;
}

.menu-item-disable{
    background-color: var(--border-default-color)!important;
}

.menu-item-active{
    background-color:var(--list-item-active-color)!important;
    color: var(--color-08)!important;
}

.ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left {
    border-right: 1px solid var(--border-default-color)!important;
}
.ant-menu {
    color: var(--font-primary-color)!important;
    background: var(--panel-body-color)!important;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.48), 0 6px 16px 0 rgba(0,0,0,0.32), 0 9px 28px 8px rgba(0,0,0,0.2)!important;
}
//我的任务
//我的任务，右侧筛选按钮
.module-vertical .module-header{
    margin-top: 8px;
    background:transparent!important;
}
.module-vertical .module-header .module-header-title{
    color: var(--font-primary-color);
}
.calender-legend-item{
    padding: 4px;
    border-radius: 4px;
}
.calender-legend-item.active{
    background: var(--color-primary)!important;
    color:#fff!important;
}
.calender-legend-item.active:hover{
    background: var(--color-primary-active)!important;
    color:#fff!important;
}
//暂无任务
.empty{
    color: var(--border-default-color)!important;
    padding: 24px;
}
//任务列表框
.entry-item{
    background-color: transparent!important;
    border: 1px solid var(--border-default-color)!important;
}
.entry-item .entry-header{
    border-bottom: 1px solid var(--border-default-color)!important;
    background: var(--panel-body-color)!important;
}
.entry-item .entry-header .entry-title{
    color:#fff!important;
}
.entry-item .entry-body{
    padding: 0!important;
}
.entry-item .entry-body .entry-task{
    padding: 0!important;
}
.entry-item .entry-body .entry-task .entry-task-body{
    padding: 8px!important;
}
.entry-item .entry-body .entry-task nz-pagination{
    padding: 8px!important;
    border-top: 1px solid var(--border-default-color);
}
.task-card{
    padding: 16px 16px!important;
    grid-gap: 4px!important;
    border: 1px solid var(--border-default-color) !important;
    border-bottom: 1px solid var(--border-default-color)!important;
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    border-top: 1px solid transparent !important;
    border-radius: 0!important;
}
.task-card:hover{
    border: 1px solid var(--color-primary)!important;
    box-shadow:none!important;
    color:#fff;
}
//任务列表【更多】按钮
.entry-more{
    background: var(--color-primary)!important;
}

//任务统计
.entry-statistic{
    margin: 8px;
}
.entry-statistic .statistic-item{
    border: 1px solid var(--border-default-color)!important;
}
.horizontal-split{
    border-top: 1px solid var(--border-default-color)!important;
}
//滚动条
::-webkit-scrollbar {
    width: 6px!important;
}
::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.2)!important;
    border-radius: 3px!important;
}
::-webkit-scrollbar-track-piece {
    background-color: var(--scroll-track-color)!important;
    border-radius: 3px!important;
}

::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {
    background-color: rgba(255,255,255,.15)!important;
}
//中央弹出窗体
.ant-modal-body{
    padding: 8px!important;
}
.ant-modal-header{
    color: var(--font-primary-color)!important;
    background: var(--panel-body-color)!important;
    border-bottom: 1px solid var(--border-default-color)!important;
}
//表单
.form-item .form-label{
    color: var(--font-primary-color)!important;
    text-align: right!important;
}
.ant-modal-footer {
    border-top: 1px solid var(--border-default-color)!important;
}
.editors{
    border-bottom: 1px solid var(--border-default-color)!important;
}
.comment{
    border:none!important;
}
.comment-list .comment-title{
    background-color:transparent!important;
    border-bottom: 1px solid var(--border-default-color)!important;
}
.add-factor{
    border-bottom: 1px solid var(--border-default-color)!important;
}
.badge-sub-job{
    background-color: var(--border-default-color)!important;
}
//子任务列表
.sub-job-list-columns{
    grid-template-columns: 20px 20px 1fr 67px 60px!important;
}
//自定义的列表
.custom-list .list-item{
    border-bottom: 1px solid var(--border-default-color)!important;
}
.custom-list .list-item:hover {
    border-bottom: 1px solid var(--color-primary)!important;
    box-shadow: none!important;
}


//列表页
.module-horizontal .module-left-router{
    background: none!important;
}
.router-group .router-group-header {
    border-bottom: 1px solid var(--border-default-color)!important;
}
.router-group .router-group-header:hover {
    box-shadow: none!important;
    border-bottom: 1px solid var(--color-primary)!important;
}
.router-item{
    border-bottom: 1px solid var(--border-default-color)!important;
}
.router-item:hover{
    box-shadow: none!important;
    border-bottom: 1px solid var(--color-primary)!important;
    background-color: rgba(255,255,255,0.08);
}
.router-item.active{
    border-right: 3px solid var(--color-primary)!important;
    background: none!important;
    background-color: rgba(255,255,255,0.08)!important;
}
//标签
.router-tabs{
    background-color: transparent!important;
}
//技术填报，工具条
.content-header{
    background-color: transparent!important;
}
//左侧列表顶部搜索
.search-input{
    padding: 8px;
}
.search-input .search-icon{
    top: 21px!important;
    left: 19px!important;
}
//详情页
.panel-grid .panel-body{
    background: var(--color-00)!important;
}
.module-vertical .module-body{
    margin: 0!important;
}
.project-name{
    color: var(--color-primary)!important;
}

//综合展示-资产一张图
.view-container .panel{
    border: none!important;
}
green-map-control+div{
    background: transparent!important;//地图上的按钮条
}
//监测一张图
.monitor-list{
    margin-bottom: 8px;
}
.monitor-item-content{
    border-left: none!important;
}
.monitor-item-content{
    border-left: none!important;
    cursor: pointer;
}
//文档检索
.file-card .wrap{
    top: 2px!important;
    left: -2px!important;
}
.search-content .search-input{
    border-bottom:none!important;
}
.search-container .search-input{
    border-bottom:none!important;
}
//管网工具-管网状态评估


//组件
// 筛选标签
.search-container .search-field .search-items .search-item.active{
    color: var(--color-08)!important;
}
//下拉选择
.ant-select-dropdown{
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.48), 0 6px 16px 0 rgba(0,0,0,0.32), 0 9px 28px 8px rgba(0,0,0,0.2)!important;
}
//按钮
.btn-default {
    background: var(--color-primary)!important;
    color:#fff!important;
}
.btn-default:hover {
    box-shadow: none!important;
    background: var(--color-primary-active)!important;
}
//日期选择下拉框
.ant-calendar-disabled-cell .ant-calendar-date{
    background: var(--color-disabled)!important;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date, .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date{
    background:var(--color-primary)!important;
}
.ant-calendar-date:hover{
    background: var(--color-primary-active)!important;
}
.ant-calendar-range .ant-calendar-in-range-cell::before{
    background: var(--color-primary-active)!important;
}
//暂无数据
.ant-empty-small{
    color: var(--font-hover-color)!important;
}
//列表
.list-group .list-group-header:hover{
    box-shadow: none!important;
}
//
.list-body{
    margin-top: 0!important;
}
//工艺图
.svg-wrapper{
    filter:sepia(0.2) invert(1) contrast(9);
}
//降雨数据管理工具
.default-box{
    background: var(--panel-body-color)!important;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper{
    color: #fff!important;
}
.ant-radio-button-wrapper:not(:first-child)::before{
    background-color: transparent!important;//去掉第二个radio左侧有根白线
}
//监测布点
.ant-alert-with-description .ant-alert-message{
    color:#fff!important;
}
